<template>
  <header class="page-header">
    <div class="page-header__top"></div>
    <slot></slot>
  </header>
</template>

<script>
export default {
  name: 'PageHeader',
  computed: {
    page () {
      return this.$parent
    }
  },
  mounted () {
    let pageEl = this.page.$el.querySelector('.page')
    pageEl.classList.add('has-header')
  }
}
</script>
